body{
    min-width: 320px;
    max-width: 750px;
    margin: 0 auto;
    
    background-color: #f2f4f7;
    box-sizing: border-box;
}
a {
    text-decoration: none;
    color: #707070; 
}
* {
    padding: 0;
    margin: 0;
}
// 利用媒体查询，当屏幕宽度超过750px的时候，字体大小设置成
// 37.5px

@media screen and (min-width:750px){
    html {
        // 一定要注意权重
        font-size:37.5px !important;
    }
}
.wrap {
    background-color: #fff;
    padding-bottom:1.146667rem;
header {
    height: 2.133333rem;
    font-size :0.933333rem;
    color: #1C1C1C;
    line-height: 2.133333rem;
    text-align: center;
    border-bottom: 1px solid #EAEAEA;
}

// nav模块
.nav {
    display: flex;
    flex-wrap: wrap;
    margin:1.173333rem 0 1.6rem 0;
    .item {
        display: flex;
        width: 33.33%;
        line-height: 0.72rem;
        // 纵向显示
        flex-direction: column;
        // 水平居中
        align-items: center;
        img{
            width: 3.706667rem;
            height: 3.706667rem;
        }
        span {
            font-size: 0.666667rem;
               
        }
        &:nth-child(-n+3){
            margin-bottom: 1.84rem;
        }
    }
}
// go模块
.go {
    
        width: 19.253333rem;
        height: 4.053333rem;
        margin:0 0.266667rem 0 0.48rem;
}
}
//  两个有轮播图模块    （有公共的顶部模块）
.content {
    padding: 1.066667rem 0.586667rem 0.906667rem 0.64rem;
    background-color: #fff;
    margin-top:0.266667rem;
    .con-hd {
        margin-bottom: 1.04rem;
        display: flex;
        justify-content: space-between;
        h4 {
            font-size:0.746667rem;
            
            img {
                vertical-align: middle;
                display: inline-block;
                width: 1.013333rem;
                height: 1.013333rem;
            }
        }
        a {
            font-size: 0.586667rem;
            color: #999999;
        }
    }
    // 就业指导模块轮播图
    .get-job-focus {
        position: relative;
        .swiper-container {
            width: 14.4rem;
            height: 100%;
          }
          .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;
            a {
                width: 9.013333rem;
                height: 10.026667rem;
                img {
                    width: 100%;
                    height: 100%;
                }
            }
            p {
                width: 9.013333rem;
                font-size:0.666667rem;
                color: #333333;
                margin-top:0.64rem;
            }
            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            // 纵向排列
            flex-direction:column;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            transition: 300ms;
            // 其余兄弟
            transform: scale(0.8);
            // 透明度
            opacity: 0.4;
          }
        //   当前活动的图片，把他的优先级改成最高
          .swiper-slide-active,
          .swiper-slide-duplicate-active{
            transform: scale(1);
            opacity: 1.0;
            z-index: 999;
          }
          .swiper-button-next,
          .swiper-button-prev {
              outline:none;
              &:after {
                  font-size:1.06667rem;
                  color: #333333;
              }
          }
    }
    // 充电学习轮播提模块 
     .study{
         .study-fo {
             padding: 0.266667rem;
             margin-bottom:40px;
         }
      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        width: 7.733333rem;
        height: 9.066667rem;
        background-color: #fff;
        border-radius: 0.266667rem;
        box-shadow: 0 0 0.266667rem rgba(0,0,0,0.1);
        
       h5 {
           text-align: left;
           margin: 0.533333rem 0;
           padding-left:0.266667rem;
           font-weight: 400;
            font-size: 0.693333rem;
            color: #333740;
      } 
      p {
          text-align: left;
          font-size:0.693333rem;
          color: #ff400f;
        
      }
        
       
      }
    }
}

// 底部导航模块
.footer {
    position: fixed;
    left: 0;
    bottom:0;
    height: 2.933333rem;
    width: 100%;
    padding-top:0.506667rem;
    border-top: 1px solid #E2E2E2;
    background-color: #fff;
    z-index: 9999;
    display: flex;
    .item {
       flex:1;
       display: flex;
       flex-direction: column;
       align-items: center;
       img {
           width: 1.04rem;
           height: 1.093333rem;
       }
       p {
           font-size:0.586667rem;
           margin-top:0.32rem;
       }
       &:nth-child(1) p {
        color: #2CCAC7;
       }
    }
    
}
